<%@ page language="java" pageEncoding="UTF-8" trimDirectiveWhitespaces="true" %>
 <%@include file="include/jspheader.jsp" %>
 
 <html>
 <body>
<div id="Mainbody">
 
  <%@include file="include/top.jsp" %>
   
         
    <!--中间部分开始-->
   <h1><img src="<%=request.getContextPath()%>/images/loginlogo.gif" width="214" height="37" /></h1>
   <div id="LoginBox">
   <div class="left">
		<h2>可用以下账号直接登录</h2>
        <div id="outlink">
            <a href="#"><img src="<%=request.getContextPath()%>/images/xinlang.gif" width="62" height="62" /></a>
            <a href="#"><img src="<%=request.getContextPath()%>/images/tengxunqq.gif" width="62" height="62" /></a>
            <a href="#"><img src="<%=request.getContextPath()%>/images/douban.gif" width="62" height="62" /></a>
            <a href="#"><img src="<%=request.getContextPath()%>/images/renren.gif" width="62" height="62" /></a>
            <div class="clear"></div>
        </div>
		<span>还没帐号? &nbsp;<a href="<%=request.getContextPath()%>/user/doViewRegister.action" class="green">立即注册</a></span>
   </div>
    <div class="right">
        <form action="<%=request.getContextPath()%>/user/doLogin.action" method="post" id="login">
    
      <table border="0" cellspacing="0" cellpadding="0" id="LoginTable">
        <tr>
        <th align="left">
        <span>用户名：</span>
        <input name="epowerUser.username" type="text" id="username"  />
        <div id="usernameTip"></div>
		</th>
        </tr>
        <tr>
        <th align="left">
         
        <span>密码：</span>
        <input type="password" name="epowerUser.password" id="password" />
          <div id="passwordTip"></div>
         </th>
        </tr>
        <tr>
        <td align="left"><input type="checkbox" name="rememberLogin" id="rememberLogin" /> 下次自动登录<a href="#">忘记密码</a></td>
        </tr>
        <tr>
        <td align="left" class="red"><s:property value="errMsg"/></td>
        </tr>
        <tr>
        <td align="left">
        <input type="submit" name="button" id="button" value="提交" class="bott"/></td>
        </tr>
        </table>
        <script language="javaScript">

$(document).ready(function(){
	initValidator();
});
function initValidator(){
	$.formValidator.initConfig({formid:"login",onerror:function(msg){alert(msg);}});
	$('#username').formValidator({onshow:"请输入用户名/邮箱",onfocus:"请输入用户名/邮箱",oncorrect:"输入正确"}).inputValidator({min:5,max:30,onerror:"用户名/邮箱5~30个字符"});
	$('#password').formValidator({onshow:"请输入密码",onfocus:"请输入密码",oncorrect:"输入正确"}).inputValidator({min:5,max:30,onerror:"最少5个字符"});
}
</script>
        </form>
    
    </div>
   <div class="clear"></div>
   </div>
      <div class="clear"></div>
    
    
    <%@include file="include/footer.jsp" %>
</div>
</body>
</html>
